/*初始化样式*/ 
html{height: 100%}
body{height: 100%;background: #F6F6F6;line-height: 1;} 

ul,li,p,dl,dd{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
img{vertical-align:top;border:0;}
i{font-style: normal;}
 ::-ms-clear, ::-ms-reveal{display: none;}
button{border:0 none;}
a {color:inherit; text-decoration:none;list-style: none;}
a:focus{text-decoration: none;outline:0;}
a:hover {color:inherit;text-decoration:none;}
a:active {color:inherit;outline:none;}
a.white:hover {color:#008CD6;}


.link{text-decoration: underline;color:#2E4E7E;}
.link:hover{cursor: pointer;}
/*hover-手*/
.cursor:hover{cursor: pointer;} 
/** 去除input number输入框样式 */
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.inline-block{display: inline-block;}
.block{display: block;}
/*浮动元素*/
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.clear:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*定位元素*/
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position: fixed;} 

/*文本*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-underline{text-decoration: underline;}

/*fontsize*/
.ft12{font-size: 12px;}
.ft14{font-size: 14px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
.ft22{font-size: 22px;}
.ft24{font-size: 24px;}
.ft26{font-size: 26px;}
.ft30{font-size: 30px;}
.ft32{font-size: 32px;}
.fontWeight{font-weight: 600;}
.fontLighter{font-weight: 300;}
.word-break-all{word-break: break-all;}
.text-indent{text-indent: 2em;}
/*height*/
.h-100{height:100%;}
/*line-height*/
.lh-100{line-height: 100%;}
.lh-150{line-height: 150%;}
.lh-180{line-height: 180%;}
.lh-200{line-height: 200%;}
.lh-380{line-height: 380%;}

/*宽度*/ 
.w-100{width:100%;}
/*vertical-align*/
.align-text-top{vertical-align: text-top;}
.align-top{vertical-align: top;}
.align-bottom{vertical-align: bottom;}
.vertical-middle{vertical-align: middle;}

/*margin bottom*/
.mb12{margin-bottom: 12px;}
.mb28{margin-bottom: 28px;}
.mb40{margin-bottom: 40px;}
/*margin top*/
.mt6{margin-top: 6px;}
.mt10{margin-top: 10px;}
.mt12{margin-top: 12px;}
.mt20{margin-top: 20px;}
.mt28{margin-top: 28px;}
.mt32{margin-top: 32px;}
.mt42{margin-top: 42px;}
.mt50{margin-top: 50px;}
.mt68{margin-top: 68px;}
/*margin right*/
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
/*margin left*/ 

/*padding*/   
.pt10{padding-top: 10px;} 
.pt30{padding-top: 30px;} 

.pl10{padding-left: 10px;} 
.pl18{padding-left: 18px;} 
.pl30{padding-left: 30px;} 

.pr30{padding-right: 30px;}  

.pb30{padding-bottom: 30px;}

.pd30{padding: 30px;}
/*color*/
.color-white{color: #fff;}
.color-black{color:#18191a;}
.color-black-thin{color:#545759;}
.color-blue{color:#1890ff;}
.color-grey{color:#84898c;}
.color-333{color: #333;}
.color-666{color: #666;}
.color-999{color: #999;}
.color-ccc{color:#ccc;}
.color-main{color: #2E4E7E;} 
/*背景色*/
.bg-white{background: #fff;}
/*一行溢出省略号*/
.overSpill{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overHidden{overflow: hidden;}

/*common-list  ul>li*/
.method_list{padding-left: 30px;}
.method_list li{font-size: 14px;line-height: 2;}
.method_list li .method_list_head{display: inline-block;width: 12px;height: 12px;margin-right: 10px;background: #2E4E7E;border-radius: 50%;}
.method_list li.head{padding-left:24px;background: url(../img/icon-list.png) no-repeat left 7px;}
/*common-caseEg il>li*/
.caseEg li{float: left;padding:20px 50px 6px;background: url(../img/icon-arrow.png) no-repeat 100% 72%;}
.method_button{padding:12px 34px;background-color:#2E4E7E;color: #fff;font-size: 16px; }

.loginButton_bg{/*position: absolute;bottom: 184px;width: 100%;*/padding:18px 0;/*background-color: #f6f6f6;*/}
.login_button{width: 180px;height: 40px;padding: 12px 24px;border:2px solid #2E4E7E;color:#2E4E7E;background: url(../img/icon-arrow.png) no-repeat 136px center;margin:0 auto;}

 /*移动端适配*/
@media(max-width: 420px){ 
	.caseEg li{padding: 20px}

}